<!-- 页脚二 -->
<template>
  <div class="Foot">
    <div class="container-down">
      <img src="./../../public/imgs/logo-footer.png" alt="小米logo">
      <div class="down-r">
        <p class="sites">
          <a href="javascript:;">
            小米商城
            <span>|</span>
          </a>
          <a href="javascript:;">
            MIUI
            <span>|</span>
          </a>
          <a href="javascript:;">
            米家
            <span>|</span>
          </a>
          <a href="javascript:;">
            米聊
            <span>|</span>
          </a>
          <a href="javascript:;">
            多看
            <span>|</span>
          </a>
          <a href="javascript:;">
            游戏
            <span>|</span>
          </a>
          <a href="javascript:;">
            政企服务
            <span>|</span>
          </a>
          <a href="javascript:;">
            小米天猫店
            <span>|</span>
          </a>
          <a href="javascript:;">
            小米集团隐私政策
            <span>|</span>
          </a>
          <a href="javascript:;">
            小米公司儿童信息保护规则
            <span>|</span>
          </a>
          <a href="javascript:;">
            小米商城隐私政策
            <span>|</span>
          </a>
          <a href="javascript:;">问题反馈</a>
        </p>
        <p class="sites">
          <a href="javascript:;">
            北京互联网法院法律服务工作站
            <span>|</span>
          </a>
          <a href="javascript:;">
            中国消费协会
            <span>|</span>
          </a>
          <a href="javascript:;">北京市消费者协会</a>
        </p>
        <div class="pp">
          <p>京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
          <p>
            （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证
            (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
          </p>
          <p>
            增值电信业务许可证 网络食品经营备案 京食药网食备202010048
            食品经营许可证
          </p>
          <p>
            违法和不良信息举报电话:171-5104-4404 知识产权侵权投诉
            本网所列数据，除特殊说明，所有数据均出自我司实验室测试
          </p>
        </div>
        <div class="pp-down">
          <img src="./../../public/imgs/btn/bt1.png" alt>
          <img src="./../../public/imgs/btn/bt2.png" alt>
          <img src="./../../public/imgs/btn/bt3.png" alt>
          <img src="./../../public/imgs/btn/bt4.png" alt>
          <img src="./../../public/imgs/btn/bt5.png" alt>
        </div>
      </div>
    </div>
    <div class="slogan">
      <div class="sloganimg">
        <div class="sloginBJT"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "foot",
  data() {
    return {};
  },
  components: {}
};
</script>
<style lang="less" scoped>
.Foot {
  width: 100%;
  height: 100%;
  padding-top: 35px;
  background-color: #fafafa;
}
.container-down {
  width: 1226px;
  margin: 0 auto;
  display: flex;
  img {
    width: 46px;
    height: 36px;
  }
}
.sites {
  margin: 0 0 10px 20px;
  :hover {
    color: #ff6600;
  }
  span {
    margin: 5px;
  }
  a {
    color: #757575;
  }
}
.pp {
  margin: 0 0 10px 20px;
  p {
    color: #757575;
  }
  :hover {
    color: #ff6600;
  }
}
.pp-down {
  margin-left: 20px;
  img {
    width: auto;
    height: 28px;
  }
}
.slogan {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  .sloganimg {
    width: 1226px;
    margin: 0 auto;
    padding: 30px 0;
    .sloginBJT {
      clear: both;
      width: 100%;
      height: 19px;
      background: url("../assets/img/btn/slogan2020.png") no-repeat center 0;
    }
  }
}
</style>